<html>
<head>
<link rel="icon" type="image/png" href="favicon.bmp" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blockly@rduino</title>
<!-- <script type="text/javascript" src="blocks/blockly_uncompressed.js"></script> -->
<script type="text/javascript" src="blocks/blockly_compressed.js"></script>

<script type="text/javascript" src="utils/boards.js"></script>
<!-- needed for type of variable--->
<script type="text/javascript" src="utils/type.js"></script>
<script type="text/javascript" src="utils/types.js"></script>
<script type="text/javascript" src="utils/static_typing.js"></script>

<script type="text/javascript" src="utils/blocklyDuino.js"></script>
<script type="text/javascript" src="utils/blockly@rduino.js"></script>
<script type="text/javascript" src="utils/spin.js"></script>
<script type="text/javascript" src="utils/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="utils/bootstrap.min.3.3.6.js"></script>
<script type="text/javascript" src="utils/prettify.js"></script>

<!--script type="text/javascript" src="blocks/blocklyarduino/colour.js"></script>
<script type="text/javascript" src="blocks/blocklyarduino/lists.js"></script-->
<script type="text/javascript" src="blocks/blocklyarduino/logic.js"></script>
<script type="text/javascript" src="blocks/blocklyarduino/loops.js"></script>
<script type="text/javascript" src="blocks/blocklyarduino/math.js"></script>
<script type="text/javascript" src="blocks/blocklyarduino/text.js"></script>
<script type="text/javascript" src="blocks/blocklyarduino/variables.js"></script>
<!--script type="text/javascript" src="blocks/blocklyarduino/variables_type.js"></script-->
<script type="text/javascript" src="blocks/blocklyarduino/array.js"></script>
<script type="text/javascript" src="blocks/blocklyarduino/procedures.js"></script>

<script type="text/javascript" src="blocks/arduino_base/arduino_base.js"></script>
<script type="text/javascript" src="blocks/arduino_base/arduino_io.js"></script>
<script type="text/javascript" src="blocks/arduino_base/arduino_conversion.js"></script>
<script type="text/javascript" src="blocks/arduino_base/variables_type.js"></script>
<script type="text/javascript" src="blocks/adafruit_motorshield/adafruit_motorshield.js"></script>
<script type="text/javascript" src="blocks/bitbloq/bitbloq.js"></script>
<script type="text/javascript" src="blocks/dfplayer-mini-mp3-dfrobot/dfplayer-mini-mp3-dfrobot.js"></script>
<script type="text/javascript" src="blocks/display-oled-128x64-i2c/display-oled-128x64-i2c.js"></script>
<script type="text/javascript" src="blocks/fischertechnik/fischertechnik.js"></script>
<script type="text/javascript" src="blocks/grove/grove.js"></script>
<script type="text/javascript" src="blocks/jeulin_maquette_feux/jeulin_maquette_feux.js"></script>
<script type="text/javascript" src="blocks/kit_velo/kit_velo_niv1.js"></script>
<script type="text/javascript" src="blocks/kit_velo/kit_velo_niv2.js"></script>
<script type="text/javascript" src="blocks/led-rgb-ws2812b/led-rgb-ws2812b.js"></script>
<script type="text/javascript" src="blocks/multi-function/multi-function.js"></script>
<script type="text/javascript" src="blocks/robuno/robuno.js"></script>
<script type="text/javascript" src="blocks/serial/serial.js"></script>
<script type="text/javascript" src="blocks/serial/softserial.js"></script>
<script type="text/javascript" src="blocks/servo/servo.js"></script>
<script type="text/javascript" src="blocks/technozone51/technozone51.js"></script>
<!--script type="text/javascript" src="blocks/technozone51/technozone51_barbot.js"></script-->
<script type="text/javascript" src="blocks/zumobot/zumo_motors.js"></script>
<script type="text/javascript" src="blocks/zumobot/zumo_sensors.js"></script>
<script type="text/javascript" src="blocks/robots/robot_motors.js"></script>
<script type="text/javascript" src="blocks/robots/robot_misc.js"></script>
<script type="text/javascript" src="blocks/arduino_shield/arduino_shield.js"></script>

<script type="text/javascript" src="generators/blocklyarduino/control.js"></script>
<script type="text/javascript" src="generators/blocklyarduino/logic.js"></script>
<script type="text/javascript" src="generators/blocklyarduino/math.js"></script>
<script type="text/javascript" src="generators/blocklyarduino/text.js"></script>
<script type="text/javascript" src="generators/blocklyarduino/variables.js"></script>
<script type="text/javascript" src="generators/blocklyarduino/array.js"></script>
<script type="text/javascript" src="generators/blocklyarduino/procedures.js"></script>

<script type="text/javascript" src="generators/arduino/arduino_base.js"></script>
<script type="text/javascript" src="generators/arduino/arduino_io.js"></script>
<script type="text/javascript" src="generators/arduino/arduino_conversion.js"></script>
<script type="text/javascript" src="generators/arduino/variables_type.js"></script>
<script type="text/javascript" src="generators/arduino/adafruit_motorshield.js"></script>
<script type="text/javascript" src="generators/arduino/bitbloq.js"></script>
<script type="text/javascript" src="generators/arduino/dfplayer-mini-mp3-dfrobot.js"></script>
<script type="text/javascript" src="generators/arduino/display-oled-128x64-i2c.js"></script>
<script type="text/javascript" src="generators/arduino/fischertechnik.js"></script>
<script type="text/javascript" src="generators/arduino/grove.js"></script>
<script type="text/javascript" src="generators/arduino/jeulin_maquette_feux.js"></script>
<script type="text/javascript" src="generators/arduino/led-rgb-ws2812b.js"></script>
<script type="text/javascript" src="generators/arduino/multi-function.js"></script>
<script type="text/javascript" src="generators/arduino/robuno.js"></script>
<script type="text/javascript" src="generators/arduino/serial.js"></script>
<script type="text/javascript" src="generators/arduino/servo.js"></script>
<script type="text/javascript" src="generators/arduino/softserial.js"></script>
<script type="text/javascript" src="generators/arduino/technozone51.js"></script>
<!--script type="text/javascript" src="generators/arduino/technozone51_barbot.js"></script-->
<script type="text/javascript" src="generators/arduino/zumo_motors.js"></script>
<script type="text/javascript" src="generators/arduino/zumo_sensors.js"></script>
<script type="text/javascript" src="generators/arduino/robot_motors.js"></script>
<script type="text/javascript" src="generators/arduino/robot_misc.js"></script>
<script type="text/javascript" src="generators/arduino/arduino_shield.js"></script>
<script type="text/javascript" src="generators/arduino/kit_velo_niv1.js"></script>

<!--TechnoZone51-->
<script type="text/javascript" src="utils/html2canvas.js"></script>
<script type="text/javascript" src="utils/canvas2image.js"></script>
<!--Fin TZ51-->
<script type="text/javascript" src="lang/code.js"></script>

<script type="text/javascript" src="http://codebender.cc/embed/compilerflasher.js"></script>

<link rel="stylesheet" type="text/css" href="css/blockly@rduino.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/prettify.css">

<script type="text/javascript">
	$(window).load(function() {
		$(".loading").fadeOut("slow");
	});
</script>

<body onload="BlocklyDuino.init()">
<div class="loading"></div>
    <div id="divTitre">
        <p>
            <a href=""> <img src="media/Arduino-uno-perspective-transparent.png" border="0" height="76px" onclick="localStorage.clear();" />
            </a> 
            <b>Blockly@rduino</b> : 
            <span id="title"></span>
    <button id="btn_about" type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#aboutModal">
        <span id="span_about"> </span>
		<span class="glyphicon glyphicon-user"></span>		
    </button>
        </p>
        <select id="languageMenu"></select>
    </div>
    <div id="divBody">
    <div id="menuPanel">
	    <div id="menuPanelConfig">
	<!-- 		<button id="btn_switch" class="btn btn-default"> -->
	<!-- 			<span class="glyphicon glyphicon-retweet"> </span> -->
	<!-- 		</button> -->
		    <div id="divCard">
		            <label id="labelArduinoCard"></label> 
		            <select id="pinout">
		                <option value="arduino_uno" selected="selected">Arduino UNO</option>
		                <option value="arduino_mega">Arduino MEGA</option>
						<option value="dfrobot_romeo">DFRobot RoMeo</option>
		            </select>
		    </div>
			<button id="btn_picture" class="btn btn-danger btn-block text-left">
				<span class="glyphicon glyphicon-alert"> </span>
				<span id="span_picture"> </span>
			</button>
			<button id="btn_config" class="text-left btn btn-warning btn-block " data-toggle="modal" data-target="#configModal">
				<span class="glyphicon glyphicon-cog"> </span>
				<span id="span_config"> </span>
			</button>
	    </div>
	    <div id="menuPanelBlockly" class="margin-top-5">
	            <ul id="ul_nav" role="tablist">
	            <li role="presentation" id="tab_supervision">
	                 <a href="#content_supervision" aria-controls="content_supervision" role="tab" data-toggle="tab">
	                     <span class="glyphicon glyphicon-blackboard"></span>
	                     <span id="a_supervision"> </span>
	                 </a>
	            </li>
	            <li role="presentation" id="tab_blocks" class="active">
	                 <a href="#content_blocks" aria-controls="content_blocks" role="tab" data-toggle="tab">
	                     <span class="glyphicon glyphicon-home"></span>
	                     <span id="a_blocks"> </span>
	                 </a>
	            </li>
	            <li role="presentation" id="tab_arduino">
	                 <a href="#content_arduino" aria-controls="content_arduino" role="tab" data-toggle="tab">
	                     <span class="glyphicon glyphicon-check"></span>
	                    <span id="a_arduino"></span>
	                 </a>
	            </li>
	            <li role="presentation" id="tab_term">
	                 <a href="#content_term" aria-controls="content_term" role="tab" data-toggle="tab">
	                     <span  class="glyphicon glyphicon-log-out"></span>
	                     <span id="a_term"> </span>
	                 </a>
	            </li>
	            <li role="presentation" id="tab_xml">
	                 <a href="#content_xml" aria-controls="content_xml" role="tab" data-toggle="tab">
	                     <span  class="glyphicon glyphicon-file"></span>
	                     <span id="a_xml"></span>
	                 </a>
	             </li>
	        </ul>
		</div>
		<div id="menuPanelFiles">
			<a id="btn_saveXML" class='btn btn-success btn-block text-left' href="#" role='button'>
			  <span class="glyphicon glyphicon-cloud-download"></span>
			  <span id="span_saveXML"> </span>
			 </a>
			<button id="btn_fakeload" class="btn btn-success btn-block">
				<span class="glyphicon glyphicon-cloud-upload"></span>
				<span id="span_fakeload"> </span>
			</button>
			<input type="file" id="load" style="display: none;" />
			<button id="btn_example" class="btn btn-info btn-block" data-toggle="modal" data-target="#exampleModal">
				<span class="glyphicon glyphicon-share"> </span>
				<span id="span_example"> </span>
			</button>
			<a id="btn_create_example" class="btn btn-info btn-block" href="">
				<span class="glyphicon glyphicon-wrench"> </span>
				<span id="span_create_example"> </span>
			</a>
		</div> 
		<div id="div_miniPicture">
		    <a id="miniCard">
		        <img id="arduino_card_miniPicture" />
		    </a>
		</div>
		<div id="div_tools_button">
			<button id="btn_RGB" class="btn btn-primary text-left">
		       <span class="glyphicon glyphicon-th"> </span>
		       <span id="span_RGB"> </span>
		    </button>
			<button id="btn_convert" class="btn btn-primary text-left">
		       <span class="glyphicon glyphicon-superscript"> </span>
		       <span id="span_convert"> </span>
		   </button>
		</div>
		<div id="div_help_button">
		   <a id="btn_doc" class='btn btn-success btn-info text-left' href="http://tic.technologiescollege.fr/wiki/" target=_blank role='button'>
		       <span class="glyphicon glyphicon-info-sign"></span>
		       <span id="span_doc"> </span>
		   </a>
		   <a id="btn_tuto" class='btn btn-success btn-info text-left' href="documentation/blockly_doc.pdf" target=_blank role='button'>
		       <span class="glyphicon glyphicon-question-sign"></span>
		       <span id="span_tuto"> </span>
		   </a>
		   <button id="btn_videos" class="btn btn-danger text-left">
		       <span class="glyphicon glyphicon-expand"> </span>
		       <span id="span_videos"> </span>
		   </button>
		</div>       
    </div>

    <!-- Nav tabs -->
    <div id="divTabpanel" role="tabpanel">
        <!-- Tab panes -->
        <div id="content_area" class="tab-content">
			<div id="content_blocks" class="tab-pane active" style="position: relative;">
				<button id="btn_delete" class="btn btn-danger">
					<span class="glyphicon glyphicon-erase"> </span>
					<span id="span_delete"> </span>
				</button>
				<button id="btn_blocs_picture_mini" class="btn btn-default">
					<span id="icon_btn_blocs_picture_mini" class="glyphicon glyphicon-minus"> </span>
				</button>
				<button id="btn_blocs_picture_maxi" class="btn btn-default">
					<span id="icon_btn_blocs_picture_maxi" class="glyphicon glyphicon-plus"> </span>
				</button>
				<button id="btn_blocs_picture" class="btn btn-default">
					<span id="icon_btn_blocs_picture" class="glyphicon glyphicon-eye-open"> </span>
				</button>
				<button id="btn_size" class="btn btn-default">
					<span id="icon_btn_size" class="glyphicon glyphicon-fullscreen"> </span>
				</button>
				<button id="btn_preview" class="btn btn-default">
					<span id="icon_btn_preview" class="glyphicon glyphicon-list-alt"> </span>
				</button>
                <button id="btn_inline" class="btn btn-default">
                    <span id="icon_btn_inline" class="glyphicon glyphicon-option-vertical"> </span>
                </button>
				<div id="toggle" class="modal-content" style="display: none;">
					<pre id="pre_previewArduino"></pre>
				</div>
			</div>
			<div id="content_arduino" class="tab-pane">
				<select id="cb_cf_boards"></select>
				<select id="cb_cf_ports"></select>				
				<a id="btn_plugin_codebender" class='btn btn-danger' href="https://codebender.cc/static/plugin" target=_blank role='button'>
					<span class="glyphicon glyphicon-new-window"></span>
					<span id="span_plugin_codebender"> </span>
				</a>			
				<button id="cb_cf_verify_btn" class="btn btn-primary">
					<span class="glyphicon glyphicon-ok"> </span>
					<span id="span_verify_codebender"> </span>
				</button>								
				<button id="btn_edit_code" class="btn btn-primary" data-toggle="modal" data-target="#editModal">
                    <span id="icon_edit_btn" class="glyphicon glyphicon-edit"> </span>
                    <span id="span_edit_code"> </span>
                </button>				
                <button id="cb_cf_flash_btn" class="btn btn-primary">
					<span class="glyphicon glyphicon-log-in"> </span>
					<span id="span_flash_codebender"> </span>
				</button>				
				<a id="btn_saveArduino" class='btn btn-primary' href="#" role='button'>
					<span class="glyphicon glyphicon-save"> </span>
					<span id="span_saveIno"> </span>
				</a>
                <button id="btn_pasteIDEArduino" class="btn btn-primary">
					<span class="glyphicon glyphicon-random"> </span>
					<span id="span_pasteIDEArduino"> </span>
				</button>					
                <pre id="pre_arduino"></pre>
                <div id="debug_arduino"></div>
            </div>
            <div id="content_term" class="tab-pane">
                <select id="cb_cf_baud_rates"></select>
                <button id="cb_cf_serial_monitor_connect" class="btn btn-primary">
					<span class="glyphicon glyphicon-transfer"> </span>
					<span id="span_connect_serial"> </span>				
				</button>
                <div id="cb_cf_serial_monitor"></div>
            </div>
            <div id="content_supervision" class="tab-pane">
            </div>
            <div id="content_xml" class="tab-pane">
                <pre id="pre_xml"></pre>
            </div>
        </div>
    </div>
    </div>
<!-- Modals -->
<!-- about modal -->
<div class="modal fade" id="aboutModal" tabindex="-1" role="dialog" aria-labelledby="aboutModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="aboutModalLabel"></h4>
      </div>
      <div class="modal-body">
              <span><b>Documentation :</b></span> <a href="http://tic.technologiescollege.fr/wiki/doku.php">Wiki</a>
			  <br />
			  <br />
			  <span><b>Blockly@rduino</b></span> (<a href="https://github.com/technologiescollege/Blockly-at-rduino">Github</a>)
              <span id="aboutBody" style="font-style: italic;"> </span>
              <br /> - Alan Yorinks - pymata : (<a href='http://mryslab.blogspot.fr/' target='blank'>http://mryslab.blogspot.fr/</a>)
              <br /> - Fred Lin (@gasolin) - BlocklyDuino : (<a href='https://github.com/BlocklyDuino/BlocklyDuino' target='blank'>'https://github.com/BlocklyDuino/BlocklyDuino</a>)
              <br /> - Blockly : (<a href='https://developers.google.com/blockly' target='blank'>https://developers.google.com/blockly</a>)
              <br /> - Bootstrap (<a href='http://getbootstrap.com' target='blank'>http://getbootstrap.com</a>)
			  <br /> - Codebender - CompilerFlasher : (<a href='https://codebender.cc' target='blank'>https://codebender.cc</a>)
              <br /> - JQuerry (<a href='https://jquery.com' target='blank'>https://jquery.com)</a>
			  <br />
			  <br /><i/>version 18-04-2016
			  <br />
			  <br /><center>
					<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
					<input type="hidden" name="cmd" value="_s-xclick">
					<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
					">
					<input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal, le réflexe sécurité pour payer en ligne">
					<img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
					</form>
				</center>
      </div>
    </div>
  </div>
</div>
<!-- ajax modal -->
<div class="modal fade" id="ajaxModal" tabindex="-1" role="dialog" aria-labelledby="ajaxModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="ajaxModalLabel"></h4>
      </div>
      <div class="modal-body">
          <pre id="msg_ajax_ko"></pre>
          <input type="checkbox" name="ajax_msg" id="ajax_msg"/> <span id="span_ajax_msg"> </span>
      </div>
      
      <div class="modal-footer">
        <button id="btn_close_msg" type="button" class="btn btn-default" data-dismiss="modal" ></button>
        <button id="btn_valid_msg" type="button" class="btn btn-primary"></button>
      </div>
    </div>
  </div>
</div>
<!-- picture "modal" -->
<div id="showcardModal" class="modal-dialog modal-sm" style="display:none">
	<div class="modal-content">
	  <div class="modal-header">
		<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		<button id="btn_card_picture_mini" class="btn btn-default">
			<span id="icon_btn_blocs_picture_mini" class="glyphicon glyphicon-minus"> </span>
		</button>
		<button id="btn_card_picture_maxi" class="btn btn-default">
			<span id="icon_btn_blocs_picture_maxi" class="glyphicon glyphicon-plus"> </span>
		</button>
	  </div>
	  <div class="modal-body text-center">
			  <img id="arduino_card_picture" width="200">
	  </div>
	</div>
</div>
<!-- example modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel"></h4>
      </div>
      <div class="modal-body">
		<div class="table-responsive">
			<table class="table table-hover">
				<tbody id="includedContent">
				</tbody>
			</table>
		</div>
      </div>
    </div>
  </div>
</div>
<!-- convert bin <-> text "modal" -->
<div id="convertModal" class="modal-dialog" style="display:none">
	<div class="modal-content">
	  <div class="modal-header">
        <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="convertModalLabel"></h4>
      </div>
	  <div class="modal-body text-center" id="convert_content">
		<input id="ti1" value="TEST" />
		<button onclick="BlocklyDuino.text2bin();">Texte -> binaire</button>
		<input id="ti2" />
		<br/>
		<input id="ti3" value="01010101" />
		<button onclick="BlocklyDuino.bin2text();">Binaire -> texte</button>
		<input id="ti4" />
	  </div>
	</div>
</div>
<!-- convert RGB color code "modal" -->
<div id="RGB_modal" class="modal-dialog" style="display:none">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="RGBModalLabel"></h4>
      </div>
	  <div class="modal-body text-center" id="frame_RGB">
		<iframe width="550" height="700" src="./utils/RGB/RGB.html" frameborder="0" allowfullscreen></iframe>
	  </div>
    </div>
</div>
<!-- videos modal -->
<div id="videoModal" class="modal-dialog" style="display:none">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="videoModalLabel"></h4>
      </div>
	  <div class="modal-body text-center">
		<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/videoseries?list=PLwy0yw3Oq4-uFNmgedXx9_L_TJNORo-4N&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
	  </div>
    </div>
</div>
<!-- toolbox config modal -->
<div class="modal fade" id="configModal" tabindex="-1" role="dialog" aria-labelledby="configModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="configModalLabel"></h4>
      </div>
		<div id="divToolbox">
			<label id="labelToolboxDefinition"></label> 
			<select id="toolboxes">
				<option value="toolbox_algo" selected="selected">Algo simple</option>
				<option value="toolbox_1" selected="selected">Arduino pour débutants</option>
				<option value="toolbox_2" selected="selected">Arduino pour habitués</option>
				<option value="toolbox_arduino_all">Arduino pour experts</option>
			</select>
		</div>
      <input type="checkbox" name="select_all" id="select_all"/> <span id="span_select_all"> </span>
      <div style="float : right; margin-right : 5px;">
            <input type="checkbox" name="put_in_url" id="put_in_url"/> <span id="span_put_in_url"> </span>
      </div>
      
      <div class="modal-body" id="modal-body-config"></div>
      <div class="modal-footer">
        <button id="btn_close_config" type="button" class="btn btn-default" data-dismiss="modal" ></button>
        <button id="btn_valid_config" type="button" class="btn btn-primary"></button>
      </div>
    </div>
  </div>
</div>
<!-- edit code modal -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="editModalLabel"></h4>
      </div>
      <div class="modal-body" id="modal-body-code">
            <textarea id="edit_code" rows="20" cols="100"></textarea>
      </div>
      <div class="modal-footer">
        <button id="btn_closeCode" type="button" class="btn btn-default" data-dismiss="modal" ></button>
        <button id="btn_validCode" type="button" class="btn btn-primary"  data-dismiss="modal"></button>
      </div>
    </div>
  </div>
</div>

</body>
</html>